<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div></div>
  <script>
    // 需求:gift= ' 50g的茶叶,清洗球'
    // 效果:【赠品】50g茶叶【赠品】清洗球
    const gift = '50g的茶叶,清洗球'
    // 1.先把字符串拆成数组
    const arr = gift.split(',')
    // console.log(arr);
    // // 2.追加元素
    // const arr1 = arr.map(item => {
    //   return `
    //   <span>【赠品】${item}</span>
    //   `
    // })
    // console.log(arr1);
    // // 3.将数组转换为字符串
    // console.log(arr1.join(''));
    // document.querySelector('div').innerHTML = arr1.join('' + '<br>')

    const str = arr.map(item => `<span>【赠品】${item}</span><br>`).join('')
    document.querySelector('div').innerHTML = str
  </script>
</body>

</html>